<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>10-网页布局案例</title>
		<style type="text/css">
			*{
				margin:0;
				padding:0;
			}
			header{
				height:40px;
				background:#333333;
			}
			nav{
				width:1226px;
				height:100px;
				background: #ffbfcd;
				/* 居中 */
				margin:0 auto;
			}
			.box{
				width:1226px;
				height: 460px;
				margin:0 auto;
			}
			.box .left{
				width: 234px;
				height:460px;
				background:#ffa500;
				float: left;
			}
			.box .right{
				width:992px;
				height: 460px;
				background:#87ceea;
				float: right;
			}
		</style>
	</head>
	<body>
		<header></header>
		<nav></nav>
		<div class="box">
			<!-- 左侧div -->
			<div class="left"></div>
			<!-- 左侧div_end -->
			<!-- 右侧div -->
			<div class="right"></div>
			<!-- 右侧div_end -->
		</div>
	</body>
</html>
